<!DOCTYPE HTML>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <!-- font files -->
    <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
    <!--link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"-->
    <!-- /font files -->
    <!-- css files -->
    <link href="banner/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
    <link href="banner/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
    <link href="banner/css/jQuery.lightninBox.css" rel="stylesheet" type="text/css" media="all" />
    <link href="banner/css/team.css" rel="stylesheet" type="text/css" media="all" />
    <link href="banner/css/header.css" rel="stylesheet" type="text/css" media="all" />
    <link href="banner/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="banner/css/falticon.css" rel="stylesheet" type="text/css" media="all" />
    <!-- /css files -->
    <!-- js files -->
    <script src="banner/js/modernizr.js"></script>
    <!-- js files -->
    <!-- For favicon png -->

    <!--font-awesome.min.css-->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">

    <!--linear icon css-->
    <link rel="stylesheet" href="assets/css/linearicons.css">

    <!--animate.css-->
    <link rel="stylesheet" href="assets/css/animate.css">

    <!--flaticon.css-->
    <link rel="stylesheet" href="assets/css/flaticon.css">

    <!--slick.css-->
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/slick-theme.css">

    <!--bootstrap.min.css-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    <!-- bootsnav -->
    <link rel="stylesheet" href="assets/css/bootsnav.css" >

    <!--style.css-->
    <link rel="stylesheet" href="assets/css/style.css">

    <!--responsive.css-->
    <link rel="stylesheet" href="assets/css/responsive.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="index.html" data-spy="scroll" data-target=".navbar" data-offset="60">

<!-- banner section -->
<section class="banner">
    <div class="slider">
        <ul class="slider-main">
            <li class="slider-panel">
                <img alt="W3layouts" title="W3layouts" src="images/banner/banner1.jpg" class="img-responsive">
                <div class="banner-info">
                    <div class="row">
                        <div class="col-lg-12">
                            <!--<h3>Nulla maximus quam lectus, eu fringilla magna dapibus eu.</h3>-->
                            <h3>传承多彩非遗&nbsp;&nbsp; 筑梦文化山东 </h3>
                        </div>
                    </div>
                </div>
            </li>
            <li class="slider-panel">
                <img alt="W3layouts" title="W3layouts" src="images/banner/banner2.jpg" class="img-responsive">
                <div class="banner-info">
                    <div class="row">
                        <div class="col-lg-12">
                            <!--<h3>Nulla maximus quam lectus, eu fringilla magna dapibus eu.</h3>-->
                            <h3>传承多彩非遗&nbsp;&nbsp; 筑梦文化山东 </h3>
                        </div>
                    </div>
                </div>
            </li>
            <li class="slider-panel">
                <img alt="W3layouts" title="W3layouts" src="images/banner/banner3.jpg" class="img-responsive">
                <div class="banner-info">
                    <div class="row">
                        <div class="col-lg-12">
                            <!--<h3>Nulla maximus quam lectus, eu fringilla magna dapibus eu.</h3>-->
                            <h3>传承多彩非遗&nbsp;&nbsp; 筑梦文化山东 </h3>
                        </div>
                    </div>
                </div>
            </li>
            <li class="slider-panel">
                <img alt="W3layouts" title="W3layouts" src="images/banner/banner4.jpg" class="img-responsive">
                <div class="banner-info">
                    <div class="row">
                        <div class="col-lg-12">
                            <!--<h3>Nulla maximus quam lectus, eu fringilla magna dapibus eu.</h3>-->
                            <h3>传承多彩非遗&nbsp;&nbsp; 筑梦文化山东 </h3>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="slider-extra">
            <ul class="slider-nav">
                <li class="slider-item">
                    <p class="sl">1</p>
                </li>
                <li class="slider-item">
                    <p class="sl">2</p>
                </li>
                <li class="slider-item">
                    <p class="sl">3</p>
                </li>
                <li class="slider-item">
                    <p class="sl">4</p>
                </li>
            </ul>
            <div class="slider-page"><a class="slider-pre" href="javascript:;;">&lt;</a> <a class="slider-next" href="javascript:;;">&gt;</a> </div>
        </div>
    </div>
</section>
<!-- /banner section -->

<!-- js files -->
<script src="banner/js/jquery.min.js"></script>
<script src="banner/js/bootstrap.min.js"></script>
<script src="banner/js/SmoothScroll.min.js"></script>
<script src="banner/js/main.js"></script>
<script>
    $(document).ready(function () {
        // Add smooth scrolling to all links in navbar + footer link
        $(".navbar a").on('click', function (event) {

            // Make sure this.hash has a value before overriding default behavior
            if (this.hash !== "") {

                // Store hash
                var hash = this.hash;

                // Using jQuery's animate() method to add smooth page scroll
                // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
                $('html, body').animate({
                    scrollTop: $(hash).offset().top
                }, 900, function () {

                    // Add hash (#) to URL when done scrolling (default click behavior)
                    window.location.hash = hash;
                });
            } // End if
        });
    })
</script>
<!-- js for statistics -->
<script type="text/javascript" src="banner/js/numscroller-1.0.js"></script>
<!-- /js for statistics -->
<!-- js for portfolio -->
<script src="banner/js/jQuery.lightninBox.js"></script>
<script type="text/javascript">
    $(".lightninBox").lightninBox();
</script>
<!-- /js for portfolio -->
<!-- js for search button -->
<script src="banner/js/index.js"></script>
<!-- /js for search button -->
<!-- js for banner -->
<script src="banner/js/zslider-1.0.1.js"></script>
<script type="text/javascript">
    var slider = $('.slider').zslider({
        imagePanels: $('.slider-panel'),
        ctrlItems: $('.slider-item'),
        ctrlItemHoverCls: 'slider-item-selected',
        //panelHoverShowFlipBtn: false,
        flipBtn: {
            container: $('.slider-page'),
            preBtn: $('.slider-pre'),
            nextBtn: $('.slider-next')
        },
        callbacks: {
            animate: function (imagePanels, ctrlItems, fromIndex, toIndex) {
                return true;
            }
        }
    });
</script>
<!-- /js for banner -->
<!-- /js files -->

<section id="explore" class="explore">
    <div class="container">
        <div class="section-header">
            <h2>非遗传承人</h2>
        </div><!--/.section-header-->
        <div class="explore-content">
            <div class="row">
                <div class=" col-md-4 col-sm-6">
                    <div class="single-explore-item">
                        <div class="single-explore-img">
                            <img src="assets/images/explore/吴英民.jpg" alt="explore image">
                        </div>
                        <div class="single-explore-txt bg-theme-1">
                            <h2><a href="#">吴英民</a></h2>
                            <p class="explore-rating-price">
                            </p>
                            <div class="explore-person">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="explore-person-img">
                                            <a href="#">
                                                <img src="assets/images/explore/吴英民_副本.jpg" alt="explore person">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-10">
                                        <p>
                                            传承人类型：民间舞蹈<br />
                                            传承人级别：国家级<br />
                                            传承人批次：第一批<br />
                                            详细地址：胶州市胶东镇斜沟崖村<br />
                                            吴英民，男，大专学历，中共党员。1967—1973年，吴英民跟随本村著名秧歌艺人李敬贤老师学习胶州秧歌。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="single-explore-item">
                        <div class="single-explore-img">
                            <img src="assets/images/explore/尹双来.jpg" alt="explore image">
                        </div>
                        <div class="single-explore-txt bg-theme-2">
                            <h2><a href="#">尹双来</a></h2>
                            <p class="explore-rating-price">
                            </p>
                            <div class="explore-person">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="explore-person-img">
                                            <a href="#">
                                                <img src="assets/images/explore/尹双来_副本.jpg" alt="explore person">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-10">
                                        <p>
                                            传承人类型：民间音乐<br />
                                            传承人级别：国家级<br />
                                            传承人批次：第一批<br />
                                            详细地址：马村镇李楼村<br />
                                            尹双来，男，1947年生，山东省嘉祥县马村镇李楼村人，2008年被批准为国家级非物质文化遗产代表性传承人。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="single-explore-item">
                        <div class="single-explore-img">
                            <img src="assets/images/explore/胡志蕴.jpg" alt="explore image">
                        </div>
                        <div class="single-explore-txt bg-theme-3">
                            <h2><a href="#">胡志蕴</a></h2>
                            <p class="explore-rating-price">
                            </p>
                            <div class="explore-person">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="explore-person-img">
                                            <a href="#">
                                                <img src="assets/images/explore/胡志蕴_副本.jpg" alt="explore person">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-10">
                                        <p>
                                            传承人类型：民间舞蹈<br />
                                            传承人级别：国家级<br />
                                            传承人批次：第一批<br />
                                            详细地址：胶州文化馆<br />
                                            胡志蕴，女，1933年生，祖籍山东省即墨市，原胶州市文化馆舞蹈干部，副研究员，现已退休。为研究和整理胶州秧歌做出重要贡献。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class=" col-md-4 col-sm-6">
                    <div class="single-explore-item">
                        <div class="single-explore-img">
                            <img src="assets/images/explore/蒲俊章.jpg" alt="explore image">
                        </div>
                        <div class="single-explore-txt bg-theme-4">
                            <h2><a href="#">蒲俊章</a></h2>
                            <p class="explore-rating-price">
                            </p>
                            <div class="explore-person">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="explore-person-img">
                                            <a href="#">
                                                <img src="assets/images/explore/蒲俊章_副本.jpg" alt="explore person">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-10">
                                        <p>
                                            传承人类型：民间文学<br />
                                            传承人级别：国家级<br />
                                            传承人批次：第一批<br />
                                            详细地址：蒲家庄<br />
                                            蒲章俊，男、汉族，1945年7月生。山东省淄博市蒲家庄人，1973年加入中国共产党，大专学历，1980年参加工作。现为蒲松龄纪念馆名誉馆长。为蒲松龄先生创作的聊斋俚曲第十一代传承人。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="single-explore-item">
                        <div class="single-explore-img">
                            <img src="assets/images/explore/霍德忠.jpg" alt="explore image">
                        </div>
                        <div class="single-explore-txt bg-theme-2">
                            <h2><a href="#">霍德忠</a></h2>
                            <p class="explore-rating-price">
                            </p>
                            <div class="explore-person">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="explore-person-img">
                                            <a href="#">
                                                <img src="assets/images/explore/霍德忠_副本.jpg" alt="explore person">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-10">
                                        <p>
                                            传承人类型：民间音乐<br />
                                            传承人级别：国家级<br />
                                            传承人批次：第一批<br />
                                            详细地址：碧霞祠<br />
                                            非物质文化遗产代表性传承人传记霍德忠，道号霍怀虚，山东平原县人，男，1949年9月出生，汉族。  泰山道教音乐现保留古代版本由岱庙及碧霞祠历代住持流传至今。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="single-explore-item">
                        <div class="single-explore-img">
                            <img src="assets/images/explore/高培芬.jpg" alt="explore image">
                        </div>
                        <div class="single-explore-txt bg-theme-5">
                            <h2><a href="#">高培芬</a></h2>
                            <p class="explore-rating-price">
                            </p>
                            <div class="explore-person">
                                <div class="row">
                                    <div class="col-sm-2">
                                        <div class="explore-person-img">
                                            <a href="#">
                                                <img src="assets/images/explore/高培芬_副本.jpg" alt="explore person">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-sm-10">
                                        <p>
                                            传承人类型：民间音乐<br />
                                            传承人级别：国家级<br />
                                            传承人批次：第一批<br />
                                            详细地址：诸城市<br />
                                            高培芬，女，现任济南市第十三届政协委员，济南回民中学高级教师，山东古琴社社长。 2007年6月9日，被山东省人民政府评选为“省级非物质文化遗产项目（诸城派古琴）代表性传承人。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!--/.container-->

</section>
<section id="picture" class="reviews">
    <div class="section-header">
        <h2>非遗博物馆</h2>
        <p>Intangible Cultural Heritage Museum</p>
    </div><!--/.section-header-->
    <div style="height: calc(100% - 10px)">
        <iframe   sandbox="allow-scripts allow-forms allow-popups allow-same-origin" src="./3D照片墙.html" frameborder="0" id="contentIframe" style="width: 90%;height: 100%"></iframe>
    </div>
</section>
<section id="blog" class="blog" >
    <div class="container">
        <div class="section-header">
            <h2>生态保护区</h2>
            <p>Ecological reserve </p>
        </div><!--/.section-header-->
        <div class="blog-content">
            <div class="row">
                <div class="col-md-4 col-sm-6">
                    <div class="single-blog-item">
                        <div class="single-blog-item-img">
                            <img src="assets/images/blog/东阿阿胶.jpg" alt="blog image">
                        </div>
                        <div class="single-blog-item-txt">
                            <h2><a href="#">山东东阿阿胶股份有限公司</a></h2>
                            <p>
                                2008年，东阿阿胶制作技艺被认定为国家级非物质文化遗产，秦玉峰被认定为该项目代表性传承人。2012年2月，公司入选国家级非物质文化遗产生产性保护示范基地。公司拥有国家胶类中药工程技术研究中心、博士后科研工作站、国家级阿胶道地药材保护与规范化生产示范基地，多次荣获山东省首届省长质量奖等荣誉。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="single-blog-item">
                        <div class="single-blog-item-img">
                            <img src="assets/images/blog/泰山皮影.jpg" alt="blog image">
                        </div>
                        <div class="single-blog-item-txt">
                            <h2><a href="#">泰山皮影艺术研究院</a></h2>
                            <p>
                                泰山皮影历史悠久，距今600余年。2007年，泰山皮影被认定为首批国家级非物质文化遗产。代表性传承人范正安先生完整继承和保留了中国皮影“十不闲”绝技。
                                为了传承和保护这项非物质文化遗产，2010年7月，范正安先生创立了泰山皮影艺术研究院，下设“艺术演绎、文化研究与品牌传播、产业开发”三大职能十二个部门。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="single-blog-item">
                        <div class="single-blog-item-img">
                            <img src="assets/images/blog/高密红高粱民俗文化.jpg" alt="blog image">
                        </div>
                        <div class="single-blog-item-txt">
                            <h2><a href="#">高密市红高粱民俗文化艺术有限公司</a></h2>

                            <p>
                                高密市姜庄镇是高密扑灰年画、剪纸和聂家庄泥塑“高密三绝”的发源地，民间艺术种类繁多，是高密重要的民间艺术基地。高密市红高粱民俗文化艺术有限公司成立于2010年12月，位于高密市姜庄镇，以挖掘、传承、宣传、推广民间艺术和制作销售民间艺术品为主，对具有重要历史、文化、科学价值而面临濒危消亡的项目进行抢救性保护。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!--/.container-->

</section>
<script src="assets/js/jquery.js"></script>

<!--modernizr.min.js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

<!--bootstrap.min.js-->
<script src="assets/js/bootstrap.min.js"></script>

<!-- bootsnav js -->
<script src="assets/js/bootsnav.js"></script>

<!--feather.min.js-->
<script  src="assets/js/feather.min.js"></script>

<!-- counter js -->
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>

<!--slick.min.js-->
<script src="assets/js/slick.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

<!--Custom JS-->
<script src="assets/js/custom.js"></script>
</body>
</html>
